<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>部门管理</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script src="/ztree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="/css/authority/authority-backstage.css">
</head>
<body>
    <div class="layui-row">
        <div class="layui-col-xs11 layui-col-sm11 layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    后台人员管理列表
                    <div class="btnRight" style="margin-bottom: 10px">
                        <button onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-refresh-1"></i>
                            刷新
                        </button>
                        <button onclick="goBack()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-return"></i>
                            返回
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--筛选查询-->
    <div class="layui-row">
        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="margin-top: 2px">
            <ul id="treeDemo" class="ztree"></ul>
        </div>
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor" style=" font-size: 16px; height: 40px; font-weight: bold;">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <button onclick="accurate()" class="btnRight layui-btn layui-btn-sm" style="margin-top: 6px">
                    高级检索
                    </button>
                </div>
                <div class="layui-card-body">
                    <form lay-filter="searchForm" class="layui-form" style="margin-top: 5px">
                        <div class="layui-form-item">
                            <div class="floa">
                                <label class="layui-form-label fontsize" >用户账号：</label>
                                <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                    <input type="text" name="account" required lay-verify="required" placeholder="请输入用户账号" autocomplete="off" class="layui-input inp">
                                </div>
                            </div>

                            <label class="layui-form-label fontsize" style="margin-left: 50px">用户名称：</label>
                            <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 50px">
                                <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                    <input type="text" name="trueName" required lay-verify="required" placeholder="请输入用户名称" autocomplete="off" class="layui-input inp">
                                </div>
                            </div>

                            <label class="layui-form-label fontsize" style="margin-left: 30px">所属部门：</label>
                            <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 50px">
                                <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                    <input type="text" name="deptName" required lay-verify="required" placeholder="请输入所属部门" autocomplete="off" class="layui-input inp">
                                </div>
                            </div>

                            <label class="layui-form-label fontsize">注册时间：</label>
                            <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 20px">
                                <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                    <input type="text" name="registerDate" required lay-verify="required" placeholder="请输入注册时间" autocomplete="off" class="layui-input inp">
                                </div>
                            </div>

                            <span style="float:right;">
                                    <button onclick="search()" type="button" class="layui-btn layui-btn layui-btn-sm">
                                        <i class="layui-icon layui-icon-search"></i> 搜索
                                    </button>
                                    <button onclick="getUseData()" type="reset" class="layui-btn layui-btn-danger layui-btn layui-btn-sm">
                                        <i class="layui-icon layui-icon-refresh-1"></i> 重置
                                    </button>
                                </span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="backColor " style="margin: 10px 0 0 20px; width: 100%;">
                <div class="backColor" style=" font-size: 16px; height: 40px; font-weight: bold; line-height: 50px; margin: 16px 0 0 20px">
                    <i class="layui-icon layui-icon-list"></i>
                    部门数据管理列表
                    <button  id="import" type="button" class="layui-btn layui-btn-xl" style="float: right; margin: 6px 14px 0 0px">
                        <i class="layui-icon layui-icon-export"></i>
                        导入管理员
                    </button>
                    <button onclick="addUser();" type="button" class="layui-btn layui-btn-xl" style="float: right; margin: 6px 14px 0 0px">
                        <i class="layui-icon layui-icon-addition"></i>
                        添加管理员
                    </button>
                </div>
                <!--部门表格-->
                <div>
                    <table id="demo" lay-filter="test"></table>
                </div>
            </div>
        </div>
    </div>
</body>
    <script src="/js/authority/authority-backstage.js"></script>
</html>